@charset "utf-8";

body, html {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing: antialiased;}
.layout-w {max-width: 540px;margin: 0px auto;overflow-x: hidden;background-color: #ffffff;position: relative;}

.mt-1{margin-top: 1rem;}

.common-title-h3{font-weight: 600;color: #010205;}
input[type="text"].info-input{padding: .5rem;height: 2.5rem;font-size: .7rem;-moz-border-radius: .4rem;-webkit-border-radius: .4rem;border-radius: .4rem;
    -moz-box-shadow:0px 0px 14px rgba(0, 0, 0, .08); -webkit-box-shadow:0px 0px 14px rgba(0, 0, 0, .08); box-shadow:0px 0px 14px rgba(0, 0, 0, .08);}
dl.form-info{margin-top: 1rem;}
dl.form-info dd{margin-bottom: 1rem;}
dl.form-info dd:last-child{margin-bottom: 0;}
a.submit-button{display: block;background: #00A0E9;width: 80%;margin: 1.6rem auto 2rem;color: #fff;height: 2rem;line-height: 2rem;text-align: center;font-size: .7rem;border-radius: 1rem;}

.new-join{position: relative;text-align: center;}
.new-join h4{color: #9B9B9B;display: inline-block;background: #fff;padding: 0 1rem;font-size: .65rem;}
.new-join .bg-line{position: absolute;height: 1px;width: 99%;background: #ddd;top: .6rem;z-index: -1;left: 0;right: 0;margin: auto;}
.new-join ul{margin: .75rem -0.25rem 0;}
.new-join li{width: 33.33%;float: left;}
.new-join li>div{display: block;margin: 0 0.25rem;position: relative;border-radius: .35rem;}
.new-join li>div img{width: 100%;}
.new-join li .black-bg{position: absolute;background: url(../images/d-black.png) no-repeat 100%;width: 100%;height: 100%;bottom: .3rem;border-radius: .4rem;z-index: 2;}
.new-join li p{z-index: 3;color: #fff;font-size: .6rem;position: absolute;bottom: .4rem;left: 0;right: 0;margin: auto;width: 96%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

a.tips{font-size: .6rem;color: #00A0E9;display: block;text-align: center;font-weight: bold;margin-top: 1rem;}

.logo{margin: 3.7rem auto 2.5rem;width: 60%;}
.logo img{width: 100%;height: 100%;}
.login-page{border-radius: .7rem;overflow: hidden;width: 80%;margin: 0 auto;}
.login-page .input-container{background: #F9F9F9;padding: .4rem .5rem;}
.login-page .input-container input[type="text"]{display: inline-block;width:80%;font-size: .75rem;padding-left: .2rem;}
.login-page .input-container i{color: #DAD9E2;font-size: 1rem;vertical-align: sub;}

.login-button {color: #fff;background: #00A0E9;display: block;width: 70%;margin: 1.7rem auto 2rem;padding: .5rem 0;font-size: .7rem;text-align: center;border-radius: 1rem;
    -moz-box-shadow:0px 2px 15px rgb(53, 115, 229); -webkit-box-shadow:0px 2px 15px rgb(53, 115, 229); box-shadow:0px 2px 15px rgb(53, 115, 229);}
.login-three{width: 50%;margin: 0 auto;border-top: 1px solid #EFF0EF;padding-top: 1rem;}
.login-three li{float: left;width:50%;text-align: center;}
.login-three li a{color: #9B9B9B;font-size: .6rem;}

.role{margin: 1.7rem auto 1.4rem;width: 75%;}
.role .type{display: inline-block;width: 45%;background: #fff;border-radius: .4rem;text-align: center;font-size: .7rem;padding: .7rem;color: #23242A;
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, .08);-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .08);box-shadow: 0px 0px 30px rgba(0, 0, 0, .08);}
.role .type img{display: block;margin: 0 auto .4rem;height: 1.4rem;}
.role .type.active{background: #00A0E9;color: #fff;}

/*星星样式*/
.star li{margin-top: .4rem;}
.star-block .pull-left{font-size: .7rem;margin-right: .3rem;}
.star_score {height:1rem;position:relative;margin-left: 5em;}

.rating-stars {float: left;}
.rating-stars .rating-stars-container {font-size: 0;}
.rating-stars .rating-stars-container .rating-star {display: inline-block;font-size: .8rem;color: #CED0D2;cursor: pointer;padding: 0 .1rem;}
.rating-stars .rating-stars-container .rating-star.is--active,
.rating-stars .rating-stars-container .rating-star.is--hover {color: #FFC726;}
.rating-stars .rating-stars-container .rating-star.is--no-hover {color: #CED0D2;}
/*星星样式*/
.pingjia-text{font-size: .6rem;width: 100%;margin-top: 1rem;padding: .5rem; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, .08);-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .08);box-shadow: 0px 0px 30px rgba(0, 0, 0, .08);}
.pingjia-text textarea{font-size: .65rem;margin-bottom: .5rem;}
.pingjia-text input[type="checkbox"]{width: .8rem;height: .8rem;margin-right: .3rem;}

.demoHidden {display: none;}
.radioInput {display: inline-block;width: .9rem;height: .9rem;vertical-align: middle;background: #fff;border: 1px solid #ddd;border-radius: 100%;}
.demoHidden:checked+.radioInput:after {content: "";display: block;width: .6rem;height: .6rem;background: #FFBB00;border-radius: 100%;margin-top: .1rem;margin-left: .1rem;}
.demoHidden:checked+.radioInput {border: 1px solid #ddd;}

.success{margin: 2rem 2rem 1rem;text-align: center;}
.success>img{width: 4rem;}
.success h3{color: #010205;margin-top: .7rem;}
.success p.contact{color: #9B9B9B;margin-top: .4rem;font-size: .6rem;}
.success p.small{font-size: .6rem;}
.success .submit-button{margin: 1.5rem auto;}
.success .bottom-line{position: relative;text-align: center;margin: .5rem;}
.success .bottom-line h5{color: #9B9B9B;display: inline-block;background: #fff;padding: 0 1rem;font-size: .6rem;}
.success .bottom-line .bg-line{position: absolute;height: 1px;width: 99%;background: #ddd;top: .6rem;z-index: -1;left: 0;right: 0;margin: auto;}
.success .dibu-qrcode{text-align: center;}
.success .dibu-qrcode>img{margin-left:.7rem;width: 8rem;}

.getcode{color: #00A0E9;font-size: .7rem;display: inline-block;text-align: right;width: 25%;font-weight: bold;}

/* 3D */
/* .role-3{margin: 1rem auto;} */
.role-3 .type{display: inline-block;width: 100%;background: #fff;border-radius: .4rem;text-align: center;font-size: .7rem;padding: .7rem;color: #23242A;
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .08);-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .08);box-shadow: 0px 0px 20px rgba(0, 0, 0, .08);}
.role-3 .type.active{background: #00A0E9;color: #fff;}

.desc-content{margin: 1rem auto 0;}
.desc-content h4{font-size: .65rem;}
.desc-content h4 a{color: #00A0E9;text-decoration: underline;}
.desc-content h4 a i{color: #ccc;padding-left: 2px;}
.desc-content img{margin-top: .5rem;height: 12rem;}
.desc-content dd select{width: 31%;float: left;}

select{width: 90%;border-radius: .4rem;min-height: 2rem;padding: 0 .5rem;-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);box-shadow: 0 0 15px 0 rgba(0,0,0,.1);}
select, option{color: #747576;font-size: .6rem;}

p.ru-content{font-size: .65rem;color: #999;line-height: 1.1rem;}
#type-swiper .swiper-slide {width: 40%;margin-right: 3%;position: relative;height: auto!important;padding: 20px 0;}
#type-swiper a{display: block;background: #F5F5F5;border-radius: .5rem;padding: .5rem .7rem;}
#type-swiper a img{width: 100%;height: 4rem;display: block;}

.bottom-fixed{position: fixed;bottom: 0;left: 0;right: 0;background-color: #fff;z-index: 7;padding: .4rem;border-top: 1px solid #eee;}
.bottom-fixed .submit-button{margin: 0 auto;height: 1.8rem;line-height: 1.8rem;}

.aui-popup-bottom{left: 0;right: 0;margin: 0;bottom: 0;}
.aui-popup-content{border-radius: 0;padding: .75rem;}
.aui-popup-content .submit-button{margin-bottom: 0;}

.white-2 {height: 2rem;}
.white-3 {height: 3rem;}